<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>密林工作室</title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery.color.js"></script>
<script src="js/index.js"></script>
<body>
<div>
    <div class="shade" id="shade">
    </div>
    <div style="" class="shadeBase" id="shadeBase">
    </div>
    <div class="milinLog" id="milinLog">
        <img src="img/密林Log.png">
    </div>
    <div class="loginbutton" id="loginbuttonBox">
        <div class="button-roundRect background-w loginbutton-mide" id="loginbutton">
            <span class="button-roundRect background-b loginbutton-mide-button" id="loginbutonSpan"></span>
            <ul class="loginbutton-mide-button-ul" id="loginbutonUl">
                <li>
                    <a class="text-w fonts-s4" href="#">登陆</a>
                </li>
                <li>
                    <a class="text-b fonts-s4" href="#">注册</a>
                </li>
            </ul>
        </div>
    </div>
    <!--侧边栏 开始-->
    <div class="sidebar" id="sidebar">
        <div class="sidebar-roundRect background-w sidebar-button buttonDiv" id="order">
            <a class="text-b  fonts-w fonts-s2" href="#">
                立即预约
            </a>
        </div>
        <div class="sidebar-nav">
            <ul id="sidebarNavUl">
                <li>
                    <a class="text-w fonts-w fonts-s3 nav-roundRect" href="#">
                        首页
                    </a>
                </li>
                <li>
                    <a class="text-w fonts-w fonts-s3 nav-roundRect" href="#">
                        茶
                    </a>
                </li>
                <li>
                    <a class="text-w fonts-w fonts-s3 nav-roundRect" href="#">
                        花
                    </a>
                </li>
                <li>
                    <a class="text-w fonts-w fonts-s3 nav-roundRect" href="#">
                        画
                    </a>
                </li>
                <li>
                    <a class="text-w  fonts-w fonts-s3 nav-roundRect" href="#">
                        布
                    </a>
                </li>
                <li>
                    <a class="text-w  fonts-w fonts-s3 nav-roundRect" href="#">
                        手工
                    </a>
                </li>
                <div class="nav-roundRect fonts-w fonts-s3 background-w jianTou" id="jianTou">
                    <img src="img/箭头-向上.png">
                </div>
            </ul>
        </div>
    </div>
    <!--侧边栏 结束-->

    <!--版心 开始-->
    <div class="w">
        <!--Main 密林开始-->
        <div class="milinMain">
            <div class="milinMain-Img-tan">
                <div class="milinMain-Img" id="zitengluo">
                    <img src="img/紫藤萝.png">
                </div>
            </div>
            <div class="milinMainTxt fl">
                <p class="fonts-s1 text-w">就算,<br>风是外衣,<br>也不能行万里。</p>
                <div style="margin-top: 60px;" class="sidebar-roundRect background-w fl sidebar-button buttonDiv">
                    <a class="text-b  fonts-w fonts-s2" href="#">
                        参观密林
                    </a>
                </div>
                <p class="fonts-s6 text-e fl milinMainTxt-p1">不止是工作室,更是艺术生活馆</p>
                <p class="text-w fr fonts-s7" style="margin-top: 240px;margin-left: 245px;">留在°<br>当下</p>
            </div>
        </div>
        <!--Main 密林结束-->

        <!--Main 茶开始-->
        <div class="milinMain">
            <div class="milinMainTxt-cha">
                <div class="cha-txt fr">
                        <div class="fonts-s1 text-w shupai fr">你来,</div>
                        <div class="fonts-s1 text-w shupai fr">请你喝茶,</div>
                        <div class="fonts-s1 text-w shupai fr">他本就是解渴的。</div>
                </div>
                <div class="cha-txt-smaill fl">
                    <div class="fonts-s6 text-e shupai fr" style="margin-left: 24px">
                        品茶,
                        <span></span>
                        谈天,
                        <span></span>
                        茶艺,
                        <span></span>
                        卖茶。
                    </div>
                    <div class="button-roundRect background-w cha-button fl  buttonDiv">
                            <div class="shupai" style="margin-top: 8px">
                                <a class="fonts-s2 text-b fonts-w" href="#">
                                    密林的茶
                                </a>
                            </div>
                    </div>
                </div>
                <!--<div class="samill">-->

                <!--</div>-->
            </div>
            <p class="text-w fl fonts-s7 cha-p">无需°<br>拘束</p>
        </div>
        <!--Main 茶结束-->

        <!--milinMain-花 开始-->
        <div class="milinMain">
            <div class="milinMain-Img-tan-hua">
                <div class="hua-img" id="meigui">
                    <img src="img/独立的花.png">
                </div>
            </div>
            <div class="milinMainTxt fl">
                <p class="fonts-s1 text-w">送你玫瑰,<br>我的手里以没有余香,<br>因为,<br>水分以被阳光蒸发。</p>
                <div style="margin-top: 60px;" class="sidebar-roundRect background-w fl sidebar-button buttonDiv">
                    <a class="text-b  fonts-w fonts-s2" href="#">
                        密林的花
                    </a>
                </div>
                <p class="fonts-s6 text-h fl milinMainTxt-p1" style="top: 357px">干花制作，花卉设计，干花售卖</p>
                <p class="text-w fr fonts-s7" style="margin-top: 240px;margin-left: 245px;">生而°<br>灿烂</p>
            </div>
        </div>
        <!--milinMain-花 结束-->

        <!--milinMain-画 开始-->
        <div class="milinMain">
            <div class="huaH fl" id="huaH">
                <img src="img/亚麻色头发的少女.png">
            </div>
            <div class="huaH-text fl">
                <div class="textimgYaMa fl">
                    <img src="img/文字-亚麻.png">
                </div>
                <div class="textimgLvMi fl">
                    <img src="img/--吕密.png">
                </div>
                <div class="textimgRiQi fl">
                    <img src="img/二零一七年年八月七日.png">
                </div>
            </div>
            <div class="huaH-button fl">
                <div class="fonts-s6 text-b shupai fl" style="margin-left: 24px">
                    艺术创作,
                    <span></span>
                    画作定制,
                    <span></span>
                    玩耍。
                </div>
                <div class="button-roundRect background-w cha-button fl  buttonDiv" style="margin-top: 30px">
                    <div class="shupai" style="margin-top: 8px">
                        <a class="fonts-s2 text-b fonts-w" href="#">
                            密林的画
                        </a>
                    </div>
                </div>
            </div>
            <p class="text-b fr fonts-s7" style="position: absolute;bottom: 360px;right: 0px">随心°<br>而运</p>
        </div>
        <!--milinMain-画 结束-->

        <!--milinMain-布 开始-->
        <div class="milinMain">
            <div class="milinMainTxt fl">
                <p class="fonts-s1 text-w">印染,<br>充满生机的植物染色,<br>用大自然的色彩赋予织物新的生命。</p>
                <div style="margin-top: 60px;" class="sidebar-roundRect background-w fl sidebar-button buttonDiv">
                    <a class="text-b  fonts-w fonts-s2" href="#">
                        密林的布
                    </a>
                </div>
                <p class="fonts-s6 text-h fl milinMainTxt-p1" style="top: 300px">植物印染,创意定制</p>
                <p class="text-w fr fonts-s7" style="margin-top: 240px;margin-left: 245px;">自然°<br>之色</p>
            </div>
        </div>
        <!--milinMain-布 结束-->

        <!--milinMain-手工 开始-->
        <div class="milinMain">
            <div class="milinMain-Img-tan-zhidiao">
                <div class="zhidao-img" id="zhiidao">
                    <img src="img/剪纸.png">
                </div>
            </div>
            <div class="milinMainTxt fr" style="position: absolute;top: 330px;left: 750px;">
                <p class="fonts-s1 text-b">手工制作,<br>纸雕,羊毛毡,<br>创作你自己的作品。</p>
                <div style="margin-top: 60px;" class="sidebar-roundRect background-b fl sidebar-button buttonDiv">
                    <a class="text-w  fonts-w fonts-s2" href="#">
                        密林手工
                    </a>
                </div>
                <p class="fonts-s6 text-b fl milinMainTxt-p1" style="top: 300px">手工教学,定制纸雕</p>
                <p class="text-b fr fonts-s7" style="margin-top: 240px;margin-left: 245px;">创与°<br>制作</p>
            </div>
        </div>
        <!--milinMain-手工 结束-->

        <!--milinMain-页尾 开始-->
        <div class="milinmain-footer">
            <div class="footer-img">
                <img src="img/密林Log-大.png">
            </div>
            <div class="footer-contact">
                <div class="erweima">
                    <img src="img/微信二维码.png">
                </div>
                <div class="footer-Text">
                    <p class="fonts-s6 text-w al">Tel:17371278540</p>
                    <p class="fonts-s6 text-w al">Email:magicwing@qq.com</p>
                </div>
                <p class="text-w al"><ins>著作权所有：赵思(MagicWing)</ins></p>
            </div>
        </div>
        <!--milinMain-页尾 结束-->
    </div>
    <!--版心 结束-->
</div>
</body>
</html>